<template>
	<view class="card-box flex-center">
		<view class="clear-flex u-m-r-22 u-text-center"
			style="width: 200rpx; border-right: 2rpx dashed #e3e3e3;">
			<view class="flex-center-center">
				<view class="flex-baseline font-bold color-red u-lh-38">
					<view class="u-f-32">{{ lang_unit.money }}</view>
					<view class="u-f-52">{{ item.val || 0 }}</view>
				</view>
			</view>
			<!-- <view class="u-f-26 u-lh-36" style="color: #696969;">{{ lang_goods.useOver[0] }}{{ item.max || 0 }}{{ lang_goods.useOver[1] }}</view> -->
			
			<view class="u-p-t-8 u-f-28 u-lh-40 font-medio">
				{{ typeof item.merchantId === 'number' ? lang_goods.goodsType_shopcoupon : lang_goods.goodsType_coupon }}
			</view>
		</view>
		<view style="padding: 10rpx 0 18rpx;">
			<view class="u-f-32 u-lh-44 font-medio">{{ item.title || '' }}</view>
			<view class="flex u-f-26 u-lh-36 color-grew">
				<view class="u-m-r-40">{{ item.userNick || '' }}</view>
				<view>{{ item.useTime && dayjs(item.useTime).format('YYYY-MM-DD') || '' }}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			item: {
				default: () => ({})
			},
			disabled: {
				default: false
			}
		},
		data() {
			return {
				
			}
		},
	}
</script>

<style scoped lang="scss">
	.card {
		&-box {
			padding: 20rpx 0;
			background-color: #FFFFFF;
			border-radius: 10rpx;
		}
	}
</style>